<style>
    * {
        margin: 0;
        padding: 0;
    }
    .box {
        width: 750px;
        height: 500px;
        margin: 0 auto;
        background: gray;
    }
    .left {
        float: left;
        width: 150px;
        height: 500px;
        background: skyblue;
    }
    .right {
        float: left;
        width: 600px;
        height: 500px;
        background: cyan;
    }
    .right>div {
        float: left;
        width: 140px;
        height: 245px;
        margin: 0 0 10px 10px;
        background: purple;
        text-align: center;
        line-height: 245px;
    }
</style>

<div class="box">
    <div class="left"></div>
    <div class="right">
        <div>盒子1</div>
        <div>盒子2</div>
        <div>盒子3</div>
        <div>盒子4</div>
        <div>盒子5</div>
        <div>盒子6</div>
        <div>盒子7</div>
        <div>盒子8</div>
    </div>
</div>